import "./home.css";
import logo from "../../assets/images/logo.png"

import { useRoutes, NavLink } from "react-router-dom"
import routes from "../../router/index"


export default () => {
    const routerView = useRoutes(routes)

    return (
        <div className="home">
            <div className="title">
                <div className="title_left">
                    <img src={logo} alt="" />
                </div>
                <div className="title_centre">
                    中国移动边缘UPF设备配置及报价系统
                </div>
                <div className="title_right">
                    <div className="users">管理用户</div>
                    <div className="pasww">修改密码</div>
                    <div className="quit">退出登录</div>
                </div>
            </div>
            <div className="center">
                <div className="guide">
                    <NavLink to={"/garden"}>园区U P F</NavLink>
                    <NavLink to={"/district"}>地市共享U P F</NavLink>
                </div>
                <div className="conter">
                    {routerView}
                </div>
            </div>

        </div>
    )
}